<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head> 
<body>

<p style="background-color:#FFFF00">
通过十六进制设置背景颜色
</p>

<p style="background-color:rgb(255,255,0)">
通过 rbg 值设置背景颜色
</p>

<p style="background-color:yellow">
通过颜色名设置背景颜色
</p>

<br><!--实现设置颜色透明度的功能-->
<p>相对于使用 rgb(255,255,0)，使用 rgba(255,255,0,0.5) 可以实现设置颜色透明度的功能，这里的 0.5 表示透明度，范围 0~1，0 表示全透明。</p>
<p style="background-color:rgb(255,255,0)">
    通过 rgb 值设置背景颜色
</p>
<p style="background-color:rgba(255,255,0,0.25)">
    通过 rgb 值设置背景颜色
</p>
<p style="background-color:rgba(255,255,0,0.5)">
    通过 rgb 值设置背景颜色
</p>
<p style="background-color:rgba(255,255,0,0.75)">
    通过 rgb 值设置背景颜色
</p>

</body>
</html>